<template>
  <router-view />
</template>
<script>
const debounce = (fn, delay) => {
  let timer = null;

  return function () {
    let context = this;

    let args = arguments;

    clearTimeout(timer);

    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  };
};
const _ResizeObserver = window.ResizeObserver;

window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
  constructor(callback) {
    callback = debounce(callback, 16);

    super(callback);
  }
};
</script>
<style>
a {
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
/* 定义滚动条轨道样式 */
.scroll_box::-webkit-scrollbar {
  width: 5px; /* 设置滚动条宽度 */
}

/* 定义滚动条轨道背景色 */
.scroll_box::-webkit-scrollbar-track {
  background-color: #22252f; /* 灰色背景色 */
}

/* 定义滚动条滑块样式 */
.scroll_box::-webkit-scrollbar-thumb {
  background-color: #363740; /* 灰色滑块颜色 */
  border-radius: 5px; /* 设置滑块圆角 */
}

/* 鼠标悬停在滚动条上时的样式 */
.scroll_box::-webkit-scrollbar-thumb:hover {
  background-color: #363740; /* 深灰色滑块颜色 */
}
.up {
  color: #07e1bc;
}
.down {
  color: #ef5350;
}
</style>
